<template>
  <div class="bg-white rounded-sm mb-4 py-4 px-4 items-center flex">
    <div class="flex-1 flex" />
    <search-tools
      :tools="['refresh']"
    />
  </div>
  <vxe-toolbar>
    <template #buttons>
      <el-button
        link
        type="primary"
        @click="router.push('/ywgl/com/add-edit')"
      >
        <div
          class="i-carbon-add text-2xl"
        />新增
      </el-button>
    </template>
  </vxe-toolbar>
  <vxe-table
    :loading="loading"
    empty-text="没有更多数据了！"
    border="inner"
    :column-config="{resizable: true}"
    :data="tableData"
  >
    <vxe-column
      field="name_cn"
      title="单位类型"
    />
    <vxe-column
      field="name_cn"
      title="单位名称"
    />
    <vxe-column
      field="name_cn"
      title="联系人"
    />
    <vxe-column
      field="name_cn"
      title="联系电话"
    />
    <vxe-column
      field="name_cn"
      title="注册日期"
    />
    <vxe-column
      field="name_cn"
      title="审核状态"
    />
  </vxe-table>
  <div class="flex justify-end mt-4">
    <el-pagination
      :page-size="pageSize"
      small="small"
      layout="total, prev, pager, next"
      :total="totalCount"
      @current-change="currentChange"
    />
  </div>
</template>
<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()
const tableData = ref([])
</script>
